/**
 *  @互联家
 *  @销售额 样式表
 */

import { Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

export default ({
  scrollBox: {
    width,
  },
  container: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'center',
    padding: 20,
    backgroundColor: '#ffffff'
  },
  topImageBox: {
    flex: 1,
    width: width - 40,
    height: 250,
    position: 'relative'
  },
  topImage: {
    flex: 1,
    width: width - 40,
  },
  topThemeBox: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
    zIndex: 999,
    flex: 1,
    paddingLeft: 25,
    flexDirection: 'column',
    justifyContent: 'flex-start',
    alignItems: 'flex-start',
  },
  topThemeBoxTitle: {
    fontSize: 18,
    fontWeight: '600',
    color: '#ffffff',
    lineHeight: 100,
  },
  topThemeBoxValue: {
    fontSize: 40,
    fontWeight: 'bold',
    color: '#ffffff',
  },
  salesTitleBox: {
    width: width - 40,
    paddingTop: 20,
    paddingBottom: 20,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  salesTitleBoxL: {
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
  },
  salesTitleBoxLBorder: {
    width: 14,
    height: 14,
    borderWidth: 2,
    borderColor: '#1172f1',
    borderRadius: 10,
    marginRight: 4,
  },
  salesTitleBoxLTitle: {
    fontSize: 16,
    fontWeight: '600',
    color: '#222222'
  },
  salesTitleBoxR: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center',
  },
  salesTitleBoxRTitle: {
    fontSize: 16,
    color: '#555555',
    marginRight: 2,
  },
  salesTitleBoxRImage: {
    height: 14
  },
  salesItemBox: {
    width: width - 40,
    paddingBottom: 20,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  salesItemTitle: {
    fontSize: 16,
    fontWeight: '600',
    color: '#222222'
  },
  salesItemTime: {
    fontSize: 16,
    color: '#666666'
  },
  salesItemAddFee: {
    fontSize: 20,
    color: '#0766f1'
  },
  salesItemReFee: {
    fontSize: 20,
    color: '#131313'
  }
});
